<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阅读足迹</title>
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <script>
        var iScale = 1;
        iScale = iScale / window.devicePixelRatio;
        document.write('<meta name="viewport" content="width=device-width,user-scalable=no,' +
                'initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">');
    </script>
</head>
<body style="background: #F2F2F2">
<header data-am-widget="header" class="am-header am-header-default sq-head ">
    <h1 class="am-header-title">
        <a href="" class="">阅读足迹</a>
    </h1>
</header>
<div style="height: 2rem"></div>
<div class="go-read">
 <div class="read-book">
     <div class="left">
         <img src="img/xingzheng.png" alt="">
     </div>
     <div class="right">
         <p class="read-title">
         形式与政策形式形式与政策形式形式与政策形式
         </p>
         <p class="read-writer">
         沈佳柯 著
         </p>
         <p class="read-time">
         阅读时间：2016-11-12
         </p>
         <a href="index.html" class="gogo-read">
             <p>继续阅读</p>
         </a>
     </div>
 </div>
</div>
<div class="go-read">
    <div class="read-book">
        <div class="left">
            <img src="img/xingzheng.png" alt="">
        </div>
        <div class="right">
            <p class="read-title">
                形式与政策
            </p>
            <p class="read-writer">
                沈佳柯 著
            </p>
            <p class="read-time">
                阅读时间：2016-11-12
            </p>
            <a href="index.html" class="gogo-read">
                <p>继续阅读</p>
            </a>
        </div>
    </div>
</div>

<div style="height: 2rem"></div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default sq-foot am-no-layout" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="新书.html" class="curr">
                <span><img src="img/q1.png"/></span>
            </a>
        </li>
        <li>
            <a href="阅读足迹.html" class="">
                <span><img src="img/w2.png"/></span>
            </a>
        </li>
        <li>
            <a href="书库.html" class="">
                <span><img src="img/e1.png"/></span>
            </a>
        </li>
    </ul>
</div>
</body>
<script>
    $(function(){

        //动态更新fontsize
        var width = $(document).width();
        var size = width/16;
        console.log(size);
        $('html').css('fontSize',size+'px');

    })
</script>
</html>